<link href="__CSS__/home.css" rel="stylesheet">
<!-- 主体部分 -->
<div class="layui-fluid" id="body">
    <!-- 内容主体区域 -->
    <blockquote class="layui-elem-quote layui-text">
        欢迎使用<strong>博客管理系统</strong>
    </blockquote>
    <div style="padding: 15px;">
        <!-- 面板 -->
        <div class="layui-card layui-panel">
            <div class="layui-card-header">
                <!-- home页的搜索框 -->
                <form class="layui-form" action="" method="post">
                    <div class="layui-col-md9">
                        <a class="at_link">最近</a>
                        <a class="at_link">文章</a>
                        <a class="at_link">问答</a>
                        <a class="at_link">扩展</a>
                        <a class="at_link">扩展</a>
                        <a class="at_link">扩展</a>
                    </div>

                    <div class="layui-col-md3">
                        <!-- 搜索框 根据文章标题模糊查询 -->
                        <div class="layui-input-inline ">
                            <input type="text" name="title" lay-verify="required" placeholder="请输入"
                                   autocomplete="off" class="layui-input">
                        </div>
                        <div class="layui-input-inline">
                            <button type="submit" class="layui-btn layui-btn-normal" lay-submit
                                    lay-filter="search1">搜索</button>
                        </div>
                    </div>

                </form>
            </div>
            <div class="layui-card-body">
                <!-- 文章搜索盒子 -->
                <div class="layui-fluid">
                    <!-- 文章盒子单个 -->
                    {volist name="atList" id="vo" key="k"}
                    <div class="at-box layui-row ">
                        <div class="layui-col-md2">
                            <img src="__UPLOAD__/{$vo.image}" width="100%">
                        </div>
                        <p class="layui-hide" id="atId" value="{$vo.id}">{$vo.id}</p>
                        <div class="layui-col-md10 at-center">
                            <div class="layui-row ">
                                <div class="layui-col-md12 txt-box">
                                    <p class="layui-font-18 "><a href="/index.php/index/lookAtT?id={$vo.id}">{$vo.title}</a></p>
                                    <p class="layui-font-12">{$vo.summary}<br></p>

                                    <br>
                                    <span>{$vo.atType}</span><span class="layui-font-14 layui-font-orange">{$vo.addTime}</span>
                                   <p> 文章标签
                                       <span class="layui-font-14 layui-font-blue ">{$vo.labList}&nbsp;&nbsp;</span>
                                        专栏分类 <span class="layui-font-red">{$vo.colList}</span>
                                   </p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <hr>
                    {/volist}

                </div>

                <!-- 分页 -->
                <div class="page layui-laypage">
                    <span class="layui-laypage-count">共 {$count} 条,共 {$total} 页</span>
                    {for start="0" end="$total" step="1"}
                    <a class="layui-laypage-curr" href="http://localhost:8000/index.php/index/home?page={$i}">{$i}</a>
                    {/for}
                </div>
            </div>
        </div>
        <br><br>
    </div>
</div>